﻿<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>Intro</title>
    <link href="Style.css" rel="stylesheet" />
</head>
<body>
    <h1>Son's Crazy Page!</h1>
    <div id="question1">
        Enter Element: <input type="text" id="firstInput" /> <!--Text box to insert elements-->
        Enter Number: <input type="number" id="secondInput" /> <!--Number box to insert elements-->
        Button One: <input type="button" onclick=funcOne() value="Insert Element" /> <!--Button to push elements into array-->
        Button Two: <input type="button" onclick=funcTwo() value="Alert Elements" /> <!--Button to alert elements in array-->
        Button Three: <input type="button" onclick=funcThree() value="Display Elements" /> <!--Button to display elements in div-->
        Button Four: <input type="button" onclick=funcFour() value="Display Odd Elements" /> <!--Button to display odd elements in div-->
        Button Five: <input type="button" onclick="funcOne(); funcThree();" value="Insert/Display" /> <!--Button to add to array and display into Div-->
        Button Six: <input type="button" onclick=funcFive() value="Delete 2nd index value" /> <!--Delete 2nd index value from array--> 
        Button Seven: <input type="button" onclick=funcSix() value="Check add string" />
    </div>
    <div id="question2"> <!--Div to be used for question 2-->
        
    </div>
    
    <ol>
        <li><a href="index.html">Home</a></li>
        <li><a href="second.html">Second</a></li>
    </ol>
    <script src="_script.js"></script>
</body>
</html>
